<template>
	<view class="bg-white">
		<view class="flex">
			<view class="flex-sub bg-grey padding-sm margin-xs radius">1</view>
			<view class="flex-sub bg-grey padding-sm margin-xs radius">1</view>
		</view>
		<view class="flex  p-xs margin-bottom-sm mb-sm">
			<view class="flex-sub bg-grey padding-sm margin-xs radius">1</view>
			<view class="flex-twice bg-grey padding-sm margin-xs radius">2</view>
		</view>
		<view class="flex  p-xs margin-bottom-sm mb-sm">
			<view class="flex-sub bg-grey padding-sm margin-xs radius">1</view>
			<view class="flex-twice bg-grey padding-sm margin-xs radius">2</view>
			<view class="flex-treble bg-grey padding-sm margin-xs radius">3</view>
		</view>
	</view>
</template>
<script setup>
const app = getApp();
	import {
		computed,
		reactive,
		ref
	} from 'vue';
	const props = defineProps({
		span:{
			type:Number,
			default:24
		}
	})
</script>
<style scoped>
	@import "../../lib/main.css";
	@import "../../lib/icon.css";
	@import "../../lib/common.css";
</style>
